// 主题色彩 - 更丰富的色彩方案
$primary-color: #ff6b35;
$primary-light: #ff8c42;
$primary-dark: #e55a2b;
$success-color: #67c23a;
$warning-color: #e6a23c;
$danger-color: #f56c6c;
$info-color: #909399;

// 扩展色彩方案
$secondary-color: #4facfe;
$secondary-light: #00f2fe;
$accent-color: #f093fb;
$accent-light: #f5576c;

// 文字颜色
$text-color: #2c3e50;
$text-color-regular: #5a6c7d;
$text-color-light: #7f8c8d;
$text-color-placeholder: #bdc3c7;
$text-primary: #2c3e50;
$text-regular: #5a6c7d;
$text-secondary: #7f8c8d;
$text-placeholder: #bdc3c7;

// 边框颜色
$border-color-base: #e1e8ed;
$border-color-light: #ecf0f1;
$border-color-lighter: #f5f7fa;
$border-color-extra-light: #f8f9fa;
$border-color: #e1e8ed;

// 背景颜色
$background-color-base: #f8f9fa;
$background-color-light: #ffffff;
$background-color-dark: #2c3e50;

// 渐变色彩
$gradient-primary: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
$gradient-secondary: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
$gradient-accent: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
$gradient-success: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
$gradient-warning: linear-gradient(135deg, #fad961 0%, #f76b1c 100%);

// 阴影系统
$box-shadow-base: 0 2px 8px rgba(0, 0, 0, 0.08);
$box-shadow-light: 0 4px 16px rgba(0, 0, 0, 0.06);
$box-shadow-medium: 0 8px 24px rgba(0, 0, 0, 0.12);
$box-shadow-heavy: 0 16px 48px rgba(0, 0, 0, 0.16);
$box-shadow-card: 0 4px 20px rgba(0, 0, 0, 0.08);
$box-shadow-hover: 0 12px 32px rgba(255, 107, 53, 0.15);

// 圆角系统
$border-radius-base: 8px;
$border-radius-small: 4px;
$border-radius-large: 12px;
$border-radius-xl: 16px;
$border-radius-2xl: 24px;

// 间距系统
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-md: 16px;
$spacing-lg: 24px;
$spacing-xl: 32px;
$spacing-2xl: 48px;
$spacing-3xl: 64px;

// 字体大小系统
$font-size-xs: 12px;
$font-size-sm: 14px;
$font-size-base: 16px;
$font-size-lg: 18px;
$font-size-xl: 20px;
$font-size-2xl: 24px;
$font-size-3xl: 32px;
$font-size-4xl: 48px;

// 字体权重
$font-weight-light: 300;
$font-weight-normal: 400;
$font-weight-medium: 500;
$font-weight-semibold: 600;
$font-weight-bold: 700;

// 行高
$line-height-tight: 1.25;
$line-height-normal: 1.5;
$line-height-relaxed: 1.75;

// 断点
$breakpoint-xs: 480px;
$breakpoint-sm: 768px;
$breakpoint-md: 992px;
$breakpoint-lg: 1200px;
$breakpoint-xl: 1920px;

// 动画时长
$transition-fast: 0.15s;
$transition-base: 0.3s;
$transition-slow: 0.5s;

// 动画缓动函数
$ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
$ease-out: cubic-bezier(0, 0, 0.2, 1);
$ease-in: cubic-bezier(0.4, 0, 1, 1);

// Z-index层级
$z-index-dropdown: 1000;
$z-index-sticky: 1020;
$z-index-fixed: 1030;
$z-index-modal-backdrop: 1040;
$z-index-modal: 1050;
$z-index-popover: 1060;
$z-index-tooltip: 1070; 